<?php
include_once "conf/conf.site.inc.php";
include_once BDD_CLASS;
include_once FUNCTIONS_FILE;

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<center><title><?php echo NOM_SITE ?>			</title></center>
<meta name="keywords" content="	" />
<meta name="description" content="" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/forms.css" rel="stylesheet" type="text/css" media="screen" />

<script type="text/javascript" src="js/jquery/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/inscription.js"></script>

</head>
<body>
<div id="logo">
	<h1><a href="#"><?php echo NOM_SITE ?></a></h1>
</div>
<div id="menu">
	<ul>
		<li class="first"><a href="index.php" accesskey="1" title="">Acceuil</a></li>
		<?php if (isset($_SESSION["LOGIN"]) && $_SESSION["LOGIN"] != "") {echo '<li><a href="eleve_inscription.php" accesskey="2" title="">Inscrir son Enfant</a></li>';}?>
		<?php if (isset($_SESSION["LOGIN"]) && $_SESSION["LOGIN"] != "") {echo '<li><a href="logout.php" accesskey="6" title="">D&eacute;connexion</a></li>';}?>
	</ul>
</div>
<hr />
<div id="banner"><img src="images/img04.jpg" alt="" width="960" height="147" /></div>
<!-- start page -->
<div id="page">
    <!-- start content -->
    <div id="content">
	<div class="post">
            <form action="index.php" method="POST" id="inscriptionForm">
                <div class="form_container" id="form_container">
                    <div class="form_contents">
                        <div class="form_element_container">
                            <div class="form_title" id="form_title">
                                <div class="content">
                                    <span class="title"  name="title" id="title">Inscription</span>
                                </div>
                            </div>
                        </div>

                        <div class="form_element_container">
                            <label class="element_label" id="element_label" id="element_label">
                                <span class="element_label_value">
                                    Nom
                                </span>
                                <span class="required">
                                    *
                                </span>
                            </label>
                            <div class="form_contents" id="form_container">
                                <div class="content">
                                    <input type="text" class="input_text" name="inscription_nom" id="inscription_nom" />
                                </div>
                            </div>
                        </div>

                        <div class="form_element_container">
                            <label class="element_label" id="element_label" id="element_label">
                                <span class="element_label_value">
                                    Pr&eacute;nom
                                </span>
                                <span class="required">
                                    *
                                </span>
                            </label>
                            <div class="form_contents" id="form_container">
                                <div class="content">
                                    <input type="text" class="input_text" name="inscription_prenom" id="inscription_prenom" />
                                </div>
                            </div>
                        </div>

                        <div class="form_element_container">
                            <label class="element_label" id="element_label" id="element_label">
                                <span class="element_label_value">
                                    Email
                                </span>
                                <span class="required">
                                    *
                                </span>
                            </label>
                            <div class="form_contents" id="form_container">
                                <div class="content">
                                    <input type="text" class="input_text" name="inscription_email" id="inscription_email" />
                                </div>
                            </div>
                        </div>

                        <div class="form_element_container">
                            <label class="element_label" id="element_label" id="element_label">
                                <span class="element_label_value">
                                    N&deg; Tel
                                </span>
                            </label>
                            <div class="form_contents" id="form_container">
                                <div class="content">
                                    <input type="text" class="input_text" name="inscription_tel" id="inscription_tel" />
                                </div>
                            </div>
                        </div>

                        <div class="form_element_container">
                            <label class="element_label" id="element_label" id="element_label">
                                <span class="element_label_value">
                                    Adresse
                                </span>
                            </label>
                            <div class="form_contents" id="form_container">
                                <div class="content">
                                    <textarea rows="3" cols="30" class="input_textarea" name="inscription_adresse" id="inscription_adresse"></textarea>
                                </div>
                            </div>
                        </div>

                        <div class="form_element_container">
                            <label class="element_label" id="element_label" id="element_label">
                                <span class="element_label_value">
                                   Login 
                                </span>
                                <span class="required">
                                    *
                                </span>
                            </label>
                            <div class="form_contents" id="form_container">
                                <div class="content">
                                    <input type="text" class="input_text" name="inscription_login" id="inscription_login" />
                                </div>
                            </div>
                        </div>

                        <div class="form_element_container">
                            <label class="element_label" id="element_label" id="element_label">
                                <span class="element_label_value">
                                    Mot de Passe
                                </span>
                                <span class="required">
                                    *
                                </span>
                            </label>
                            <div class="form_contents" id="form_container">
                                <div class="content">
                                    <input type="password" class="input_text" name="inscription_password" id="inscription_password" />
                                </div>
                            </div>
                        </div>

                        <div class="form_element_container">
                            <label class="element_label" id="element_label" id="element_label">
                                <span class="element_label_value">
                                    V&eacute;rification
                                </span>
                                <span class="required">
                                    *
                                </span>
                            </label>
                            <div class="form_contents" id="form_container">
                                <div class="content">
                                    <input type="password" class="input_text" name="inscription_verif" id="inscription_verif" />
                                </div>
                            </div>
                        </div>

                        <div class="form_element_container" id="submit_btn">
                            <div class="form_contents" id="form_container">
                                <input type="button" class="submit" id="submit_inscription" name="inscription_submit" id="inscription_submit" value="Valider"   />
                            </div>
                        </div>
						<div class="loading" id="loading">&nbsp;</div>
						<div class="error" id="error">Une erreur est survenue lors de l'enregistrement de vos informations. Veuillez réessayer ult&eacute;rieurement</div>
                    </div>
                </div>
            </form>
	</div>
    </div>
	<!-- end content -->
	<!-- start sidebar -->
	<div id="sidebar">
		<ul>
			<li id="calendar">
				<table summary="Calendar">
					<caption>
					November 2007
					</caption>
					<thead>
						<tr>
							<th abbr="Monday" scope="col" title="Monday">M</th>
							<th abbr="Tuesday" scope="col" title="Tuesday">T</th>
							<th abbr="Wednesday" scope="col" title="Wednesday">W</th>
							<th abbr="Thursday" scope="col" title="Thursday">T</th>
							<th abbr="Friday" scope="col" title="Friday">F</th>
							<th abbr="Saturday" scope="col" title="Saturday">S</th>
							<th abbr="Sunday" scope="col" title="Sunday">S</th>
						</tr>
					</thead>
					<tfoot>
						<tr>
							<td abbr="October" colspan="3" id="prev"><a href="http://wordpress.local/?m=200710" title="View posts for October 2007">&laquo; Oct</a></td>
							<td class="pad">&nbsp;</td>
							<td abbr="December" colspan="3" id="next"><a href="http://wordpress.local/?m=200710" title="View posts for December 2007">Dec &raquo;</a></td>
						</tr>
					</tfoot>
					<tbody>
						<tr>
							<td colspan="3" class="pad">&nbsp;</td>
							<td>1</td>
							<td>2</td>
							<td>3</td>
							<td>4</td>
						</tr>
						<tr>
							<td id="today">5</td>
							<td>6</td>
							<td>7</td>
							<td>8</td>
							<td>9</td>
							<td>10</td>
							<td>11</td>
						</tr>
						<tr>
							<td>12</td>
							<td>13</td>
							<td>14</td>
							<td>15</td>
							<td>16</td>
							<td>17</td>
							<td>18</td>
						</tr>
						<tr>
							<td>19</td>
							<td>20</td>
							<td>21</td>
							<td>22</td>
							<td>23</td>
							<td>24</td>
							<td>25</td>
						</tr>
						<tr>
							<td>26</td>
							<td>27</td>
							<td>28</td>
							<td>29</td>
							<td>30</td>
							<td class="pad" colspan="2">&nbsp;</td>
						</tr>
					</tbody>
				</table>
			</li>
		</ul>
	</div>
	<!-- end sidebar -->
</div>
<!-- end page -->
<div id="footer">
	<p class="legal"><?php echo FOOTER ?></p>
</div>
</body>
</html>
